<template>
  <div class="version">
      <van-nav-bar title="版本信息" left-arrow @click-left="onClickLeft">
    </van-nav-bar>

    <div class="dangqian">
        <p>当前版本</p>
        <p>{{dataArr.versions}}</p>
    </div>

    <div class="info">
        <p>版本信息</p>
        <p>{{dataArr.infomation}}</p>
    </div>
  </div>
</template>

<script>
import {versionApi} from '../../request/api'
export default {
   data(){
       return {
           dataArr:{},
       }
   },
    methods:{
        onClickLeft(){
            this.$router.back()
        }
    },
    created(){
        versionApi().then(res=>{
            // console.log(res);
            this.dataArr = res.data;
        })
    }

}
</script>

<style lang="less" scoped>
/deep/.van-nav-bar{
    width: 100%;
    height: 43px;
    background-color: #039 !important;
    .van-nav-bar__content{
        height: 43px;
        .van-nav-bar__left{
            .van-icon{
                 font-size: 20px;
            color: #fff;
            }
           
        }
        .van-nav-bar__title{
        color: #fff !important;
    }
    }
    
}

.version{
    width: 100vw;
    height: 100vh;
    background-color: #f5f5f5;
}

.dangqian{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
}

.info{
    background-color: #fff;
    margin-top: 10px;
    padding: 15px;
    p{
    &:nth-of-type(2){
        margin-top: 10px;
        font-size: 14px;
        color: #999;
    }
    }
}
</style>